<template>
	<view class="content">
		<mescroll-uni ref="mescrollRef" @init="mescrollInit" @down="downCallback" :down="downOption" :up="upOption"
			@up="upCallback" height="85%">

			<view class="" v-for="(item, index) in dataList" :key="index">

				<view class="Item">
					
					<view class="item-link item-content">
						
						<view class="item-inner" @tap="stockstart($event)" :data-id="item.id" :data-code="item.code"
							:data-result="item.StockCheckResult">
							<view class="item-text"
								style="height: 60rpx;line-height: 60rpx;border-bottom: 1px #E6E6E6 solid !important;">
								<view class="ispan" style="font-size:32rpx;width: 70%;font-weight: bold;">{{item.name}}
								</view>
								<view class="span newqypd">
									
									<view>
										<image :src="srcmore" style="float: right;margin-top: 7rpx;margin-right: 10rpx;" class="item-icon-sys" mode="">
										</image>
									</view>

								</view>

							</view>
							<view class="item-text">
								<view class="ispan">
									<view class="ispan_span">创建人</view>
									<view class="ispan_value">{{item.createUser}}</view>
								</view>
								<view class="span">
									<view class="ispan_span">盘点总数</view>
									<view class="ispan_value">{{item.totalCount}}</view>
								</view>
							</view>
							<view class="item-text">
								<view class="ispan">
									<view class="ispan_span">开始日期</view>
									<view class="ispan_value">{{item.startDate}}</view>
								</view>
								<view class="span">
									<view class="ispan_span">结束日期</view>
									<view class="ispan_value">{{item.endDate}}</view>
								</view>
							</view>
							<view class="item-text">
								<view class="ispan">
									<view class="ispan_span">盘点单编码</view>
									<view class="ispan_value">{{item.code}}</view>
								</view>
								<view class="span">
									<view class="ispan_span">管理人</view>
									<view class="ispan_value">{{item.createUser}}</view>
								</view>
							</view>
							<view class="item-text" style="height: 80rpx;">
								<view class="ispan">
									<view class="ispan_span">任务编码</view>
									<view class="ispan_value">{{item.taskCode}}</view>
								</view>
								<view class="span">
									<view class="ispan_span">任务名称</view>
									<view class="ispan_value ispan_rwvalue">{{assetCheckTaskAppVoMap[item.taskId][0].name}}</view>
									
								</view>
							</view>
						</view>

					</view>
					<view class="btg">
						<view class="tabs-item">
							<view class="tab-item">
								<view style="width:100%;float: left;">
								<view style="float: left;margin-left:50rpx ;">待盘</view>
								<view class="Itemmore"
								style="float: left;font-size: 20rpx;padding-top:8rpx;padding-left: 8rpx;">></view>
								</view>
								<view class="tabItemCount"style="width:100%;float: left;">
									{{item.nodoCount}}
								</view>
							</view>
							<view class="tab-item">
								<view style="width:100%;float: left;">
								<view style="float: left;margin-left:50rpx ;">正常</view>
								<view class="Itemmore"
								style="float: left;font-size: 20rpx;padding-top:8rpx;padding-left: 8rpx;">></view>
								</view>
								<view class="tabItemCount"style="width:100%;float: left;">
									{{item.normalCount}}
								</view>
								
							</view>
							<view class="tab-item">
								<view style="width:100%;float: left;">
								<view style="float: left;margin-left:50rpx ;">异常</view>
								<view class="Itemmore"
								style="float: left;font-size: 20rpx;padding-top:8rpx;padding-left: 8rpx;">></view>
								</view>
								<view class="tabItemCount"style="width:100%;float: left;">
									{{item.errCount}}
								</view>								
							</view>
							<view class="tab-item">
								<view style="width:100%;float: left;">
								<view style="float: left;margin-left:50rpx ;">盘盈</view>
								<view class="Itemmore"
								style="float: left;font-size: 20rpx;padding-top:8rpx;padding-left: 8rpx;">></view>
								</view>
								<view class="tabItemCount"style="width:100%;float: left;">
									{{item.surplusCount}}
								</view>
								
							</view>
							<view class="tab-item">
								<view style="width:100%;float: left;">
								<view style="float: left;margin-left:50rpx ;">盘亏</view>
								<view class="Itemmore"
								style="float: left;font-size: 20rpx;padding-top:8rpx;padding-left: 8rpx;">></view>
								</view>
								<view class="tabItemCount"style="width:100%;float: left;">
									{{item.lossCount}}
								</view>
								
							</view>
						</view>
						
					</view>
				</view>

			</view>

		</mescroll-uni>
		<aui-dialog ref="dialog" :title="auiDialog.title" :msg="auiDialog.msg" :btns="auiDialog.btns"
			:mask="auiDialog.mask" :maskTapClose="auiDialog.maskTapClose" :items="auiDialog.items"
			:theme="auiDialog.theme" @callback="dialogCallback"></aui-dialog>
	</view>
</template>

<script>
	// 引入mescroll-mixins.js
	import MescrollBody from "@/components/mescroll-uni/mescroll-body.vue"
	import MescrollUni from "@/components/mescroll-uni/mescroll-uni.vue"
	import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js";
	import MescrollMoreItemMixin from "@/components/mescroll-uni/mixins/mescroll-more-item.js";

	import {
		openComDB,
		executeSQL,
		dropSQL
	} from "@/pages/API/sqllite/sqllite.js";
	import {
		aui
	} from '@/common/aui/js/aui.js';
	import auiDialog from '@/components/aui-dialog/aui-dialog.vue';
	var self;
	export default {
		mixins: [MescrollMixin], // 使用mixin
		components: {
			MescrollBody,
			MescrollUni,
			auiDialog,

		},
		data() {
			return {
				// 下拉刷新的配置(可选, 绝大部分情况无需配置)
				downOption: {
					auto: true,
					native: false,
					beforeEndDownScroll: 1000,
					textInOffset: "下拉刷新",
					textOutOffset: "释放刷新",
					textLoading: "加载中..."
				},
				upOption: {
					auto: true, // 不自动加载
					noMoreSize: 2, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看; 默认5
					empty: {
						tip: '~ 暂无数据 ~'
					},
					src: "../../static/images/totop.png",
					offset: 50,
					duration: 300,
					zIndex: 9990,
					right: 20,
					bottom: 320,
					safearea: false,
					width: 72,
					radius: "50%",
					left: null,

				},

				dataList: [],
				assetCheckTaskAppVoMap:[],
				loginName: "",
				searchtext: "",
				totalSize: 0,
				animationData: {},
				contentHeight: null,
				auiDialog: {
					title: '',
					msg: '',
					btns: [{
						name: '确定'
					}],
					mask: true,
					maskTapClose: true,
					items: [],
					theme: 1,
				},
				currId: "",
				currCode: "",
				active: Number || 3,
				CurrentUserName: "",
				CurrentUserRoleName: "",
				CurrentDepartmentName: "",
				srcmore: "../../static/images/AndroidMore.png",
				mypageIndex: -1,
				maxpageNum: 99,
				mypageSize: 5,
				srcpximg: "../../static/images/icon_SatrtPD.png",
				srcendimg: "../../static/images/icon_EndPD.png",
			}
		},
		onBackPress(options) {


			if (uni.getStorageSync("homebackDate") == "1") {
				uni.setStorageSync('homebackDate', 0);
				uni.setStorageSync('setStatusIndexFunc', 0);
				uni.navigateTo({
					url: '../home/Index',
					animationType: 'slide-in-left',
					animationDuration: 400,
					success(res) {
						console.log('跳转成功', res)
					},
					fail: (err) => {
						console.log('跳转失败', err)
					}
				});
				return true;
			} else {
				uni.setStorageSync('setStatusIndexFunc', 0);
				return false;
			}

		},
		onNavigationBarButtonTap(val) {
			if (val.index == 0) { //搜索
				uni.navigateTo({
					url: '../home/homesearch?Search=' + this.searchtext,
				});
			}
			/*
			if (val.index == 0) {
				uni.navigateTo({
					url: '../home/datalocal',
				});
			}
			*/
		},
		onLoad(options) {
			//首先将实例指针保存到全局变量 self 方便在异步请求中访问实例本身
			self = this;
			//底部导航开始
			let temp = uni.getStorageSync('setStatusIndexFunc') || 0
			uni.setStorageSync('setStatusIndexFunc', temp)
			this.active = temp
			this.$nextTick(() => {
				this.$refs.commentTabbat.getSetting(temp)
				this._initData();
			})
			//底部导航结束
			this.searchtext = options.Search;
			uni.getStorage({
				key: 'userinfo',
				success: function(newres) {
					const listdata = newres.data;
					self.loginName = listdata.LoginName;
				}
			});


			this.getNetworkType(); //初始化网络当前状态
			console.log("1234");
		},
		provide() {
			return {
				_mainFuncInit: this._mainFuncInit
			}
		},
		onShow() {
			self = this;
			uni.getStorage({
				key: "shuaxinDate",
				success: function(newres) {
					if (newres.data == "1") {
						self.dataList = [];
						self.mescroll.resetUpScroll();
						uni.setStorage({
							key: "shuaxinDate",
							data: "0"
						});
					}
				}
			});

		},
		methods: {
			_aaaaCCCC(){
				this.mescroll.resetUpScroll();
			},
			getallstock(item) {
				if (item.StockCheckResult == '2') {
					return parseInt(item.正常) + parseInt(item.异常) + parseInt(item.盘盈) + parseInt(item.盘亏) + parseInt(item
						.未盘);
				} else {
					return parseInt(item.正常) + parseInt(item.异常) + parseInt(item.盘盈) + parseInt(item.盘亏);
				}
			},
			stockstart(e) {
				uni.removeStorage({
					key: 'DetailSearch',
					success: function(res) {
						console.log('success');
					}
				});
				uni.setStorage({
					key: 'DocumentResult',
					data: e.currentTarget.dataset.result
				});
				uni.navigateTo({
					url: '../stock/StockDocumentDetail?id=' + e.currentTarget.dataset.id + '&code=' + e
						.currentTarget.dataset.code + '&result=' + e.currentTarget.dataset.result+ '&isupload=1'
				});
			},
			stockstop(e) {

			},
			/*下拉刷新的回调, 有三种处理方式:*/
			downCallback() {
				this.dataList = [];
				this.mescroll.resetUpScroll();
			},
			/*下拉加载的回调*/
			upCallback(page) {
				self = this;
				//console.log('请求查询');
				let userInfo = uni.getStorageSync("userInfo");
				let querydata={
						//"pageSize": 10,
						//"current": 0,
						manageUser:JSON.parse(userInfo).id,
						isAppCheckFinish:1
					};
				this.request_tool({
					url:'/app/v1/assetCheck/getCheckDocumentListAndTaskList',
					type:'POST', 
					data:querydata
				}).then(res => {
					console.log(res);
					if(res!=undefined){
						if (res.data.code == 2000) {
								let datalist=[];
								self.totalSize=0;
								if(res.data.data!=null){
								datalist=res.data.data.convertCheckDocumentList;
								console.log(datalist);
								self.assetCheckTaskAppVoMap=res.data.data.assetCheckTaskAppVoMap;
								self.totalSize = datalist.length;
								
								}
								//console.log(res);
								let curPageData = datalist;
								// 接口返回的当前页数据长度 (如列表有26个数据,当前页返回8个,则curPageLen=8)
								let curPageLen = datalist.length;
								// 接口返回的总页数 (如列表有26个数据,每页10条,共3页; 则totalPage=3)
								//let totalPage = res.data.total/page.size; 
								let totalPage = this.totalSize / page.size;
								// 接口返回的总数据量(如列表有26个数据,每页10条,共3页; 则totalSize=26)
								let totalSize = this.totalSize;
								// 接口返回的是否有下一页 (true/false)
								let hasNext = false;
								//设置列表数据
								if (page.num == 1) this.dataList = []; //如果是第一页需手动置空列表
								this.dataList = this.dataList.concat(curPageData); //追加新数据
												
								// 请求成功,隐藏加载状态
								//方法一(推荐): 后台接口有返回列表的总页数 totalPage
								this.mescroll.endByPage(curPageLen, totalPage);
								// 如果数据较复杂,可等到渲染完成之后再隐藏下拉加载状态: 如
								// 建议使用setTimeout,因为this.$nextTick某些情况某些机型不触发
								setTimeout(() => {
									this.mescroll.endSuccess(curPageLen)
								}, 20)
								
							}else{
								uni.showToast({
									icon: 'none',
									title: "请求失败"
								});
								self.jieshumethed();
							}
						}else{
							uni.showToast({
								icon: 'none',
								title: "接口请求超时"
							});
							self.jieshumethed("接口请求超时");
						}
					}).catch(err => {
					  console.error(err);
						uni.showToast({
							icon: 'none',
							title: err
						});				 
					  
					});
				/*
				if (this.loginName == "") {
					const listdata = uni.getStorageSync("userinfo");
					self.loginName = listdata.LoginName;
				}
				let DetailSearchDJBM=uni.getStorageSync("DetailSearchDJBM");
				let DetailSearchDJMC=uni.getStorageSync("DetailSearchDJMC");

				var allsql = "";
				if (this.searchtext == "" || this.searchtext == undefined) {
					allsql = 'select * from MybuildTable';
				} else {
					allsql = "select * from MybuildTable";
				}
				executeSQL('nfc', allsql, res2 => {
					if(res2.code!=-1404){
					self.totalSize = res2.length;
					}
				});
				let pageNum = page.num; // 页码, 默认从1开始
				let pageSize = page.size; // 页长, 默认每页10条
				var sql = "";
				if (this.searchtext == "" || this.searchtext == undefined) {
					sql = 'select * from MybuildTable  where IsUploaded="True" AND 盘点总数>0 and 盘点单名称 like "%'+DetailSearchDJMC+'%" and Code like "%'+DetailSearchDJBM+'%" order by StockCheckResult desc limit ' + pageSize + ' offset ' +(((pageNum-1)*pageSize)) + '';
				} else {
					sql = 'select * from MybuildTable  where IsUploaded="True" AND 盘点总数>0 and 盘点单名称 like "%'+DetailSearchDJMC+'%" and Code like "%'+DetailSearchDJBM+'%" order by StockCheckResult desc limit ' + pageSize + ' offset ' +(((pageNum-1)*pageSize)) + '';
				}
				executeSQL('nfc', sql, res => {
					//this.productList = mydata;
					// 接口返回的当前页数据列表 (数组)
					if(res.code!=-1404){
						//console.log(res);
					var datalist = [];
					if (this.searchtext == "" || this.searchtext == undefined) {
						datalist = res;
					} else {
						for (var i = 0; i < res.length; i++) {
							if (res[i].Code.indexOf(this.searchtext) > -1 || res[i].盘点单名称.indexOf(this.searchtext) > -1) {
								datalist.push(res[i]);
							}
						}
					}
					//console.log(res);
					let curPageData = datalist;
					// 接口返回的当前页数据长度 (如列表有26个数据,当前页返回8个,则curPageLen=8)
					let curPageLen = datalist.length;
					// 接口返回的总页数 (如列表有26个数据,每页10条,共3页; 则totalPage=3)
					//let totalPage = res.data.total/page.size; 
					let totalPage = this.totalSize / page.size;
					// 接口返回的总数据量(如列表有26个数据,每页10条,共3页; 则totalSize=26)
					let totalSize = this.totalSize;
					// 接口返回的是否有下一页 (true/false)
					let hasNext = false;
					//设置列表数据
					if (page.num == 1) this.dataList = []; //如果是第一页需手动置空列表
					this.dataList = this.dataList.concat(curPageData); //追加新数据
				
					// 请求成功,隐藏加载状态
					//方法一(推荐): 后台接口有返回列表的总页数 totalPage
					this.mescroll.endByPage(curPageLen, totalPage);
					// 如果数据较复杂,可等到渲染完成之后再隐藏下拉加载状态: 如
					// 建议使用setTimeout,因为this.$nextTick某些情况某些机型不触发
					setTimeout(() => {
						this.mescroll.endSuccess(curPageLen)
					}, 20)
					}else{
						this.mescroll.endSuccess(0)
					}
				})
				*/
			},


			getNetworkType() {
				//获取网络信息  
				uni.getNetworkType({
					success: res => {
						this.isOpenDB();
					}
				})
			},
			isOpenDB() {},
			openDB() {

			},
			isNet() {
				//网络问题；  
				if (this.netWork == 'wifi' || this.netWork == '4g') {} else {
					console.log('初始化无网络');
				}
			},
			confirm(theme, e) {
				var _this = this;
				self = this;
				_this.auiDialog.title = '资产盘点';
				_this.auiDialog.msg = '是否结束盘点？';
				_this.auiDialog.items = [];
				_this.auiDialog.btns = [{
						name: '取消'
					},
					{
						name: '确定'
					}

				];
				self.currId = e.currentTarget.dataset.id;
				self.currCode = e.currentTarget.dataset.code;
				_this.auiDialog.theme = theme;
				_this.$refs.dialog.show();
			},
			openWin(url, opts) {
				aui.openWin(url, opts)
			},
			closeWin() {
				aui.closeWin();
			},
			//dialog弹窗底部按钮回调
			dialogCallback(e) {
				self = this;
				var _this = this;
				console.log(e);
				if (_this.$refs.dialog.getVal().length > 0) { //prompt输入框——点击确定时弹出输入内容
					_this.auiDialog.title = '提示';
					_this.$refs.dialog.getVal().forEach(function(item, index) {
						_this.auiDialog.msg += '<div style="display: flex;">' + item.label + '：' + item.value +
							'</div>';
					});
					_this.auiDialog.btns = [{
						name: '确定',
						color: '#197DE0'
					}];
					_this.auiDialog.items = [];
					_this.auiDialog.theme = 1;
					_this.$refs.dialog.show();
				}
				if (e.msg == "确定") {
					console.log(self.currId);
					var code = self.currCode;
					var id = self.currId;
					try {
						uni.request({
							url: uni.getStorageSync("localurl") +
							'/ServerAPI/AppDocument_SaveFinished_Data', //仅为示例，并非真实接口地址。
							data: {
								Id: id
							},
							method: "POST",
							success: res2 => {
								if (res2.data.successed == true) {
									console.log("提交成功");
									this.dataList = [];
									this.mescroll.resetUpScroll();
									//this.model = res.data.model;
								} else {
									uni.showToast({
										icon: 'none',
										title: res2.data.responseState
									});
								}
							},
							fail: () => {
								uni.showToast({
									icon: 'none',
									title: '网络异常,请稍后重试'
								});
							}
						});

					} catch (e) {

					}

				}

			}
			,request_tool(options){
			 // 在这里可以对请求头进行一些设置
			 let baseUrl = uni.getStorageSync("localurl"); 
			
			console.log(options);
			  options.header = {
			      'Content-Type':'application/json',
			      Authorization: uni.getStorageSync("authorization")
			 }
			
			    return new Promise((resolve, reject) => {
			        uni.request({
			            url: baseUrl + options.url || '',
			            method: options.type || 'POST',
			            data: options.data || {},
			            header: options.header || {}      
			        }).then(data => {
			            let [err, res] = data;  
						if(res.data.code==5001 || res.data.code==5002 ||
						res.data.code==5003 || res.data.code==5004){
							uni.removeStorageSync("LoginName");
							uni.removeStorageSync("userInfo");
							uni.removeStorageSync("authorization");
							uni.removeStorageSync("userToken")
							uni.removeStorageSync("userRoles");
							uni.removeStorageSync("userDept");
							uni.removeStorageSync("userReadDeptIds");
							uni.removeStorageSync("managePositionIds");
							uni.removeStorageSync("ASSETCODE");
							uni.navigateTo({
								url: '../login/login',
							});
						}
			            resolve(res);
			        }).catch(error => {
			            reject(error)
			        })
			    });
			}

		},
		computed: {
			IsResultValue: function() {
				return function(val) {
					if (val > "2") {
						return true;
					} else {
						return false;
					}
				}
			},
			tabHeightVal() {
				return uni.getSystemInfoSync().windowHeight + 'px'
			}
		}
	}
</script>

<style lang="scss">
	.item-icon-sys {
		width: 40upx;
		height: 40upx;
	}
	.item-icon-px{
		width: 40upx;
		height: 40upx;
	}

	mescroll-body {
		background-color: #edf1f4;

	}

	.content {
		background-color: #edf1f4;
		margin-top: 200rpx;
	}

	.fixed {
		width: 100%;
		text-align: center;
	}

	.list {
		line-height: 100px;
		border: 1px red solid;
		height: 580px;
	}

	/* 搜索框 */
	.search-ico,
	.search-ico-1 {
		width: 40upx;
		height: 40upx;
	}

	.item-ico {
		width: 120upx;
		height: 120upx;
	}

	.search-text {
		font-size: 14px;
		background-color: #FFFFFF;
		height: 80upx;
		width: 600upx;
		margin-left: 10upx;
	}

	.search-block {
		display: flex;
		flex-direction: row;
		padding-left: 10upx;
		position: relative;

	}

	.search-ico-wapper {
		background-color: #FFFFFF;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 0upx 0upx 0upx 40upx;
		border-bottom-left-radius: 18px;
		border-top-left-radius: 18px;
	}

	.search-ico-wapper1 {
		background-color: #FFFFFF;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 0upx 40upx 0upx 0upx;
		border-bottom-right-radius: 18px;
		border-top-right-radius: 18px;
	}

	.Item {
		overflow: hidden;
		border-radius: 16rpx;
		background: #fff;
		width: 100%;
		margin-bottom: 20rpx;
		margin-top: 20rpx;
	}

	.ItemIcon {
		float: left;
		margin-left: 10rpx;
		height: 230rpx;
	}

	.item-text .span {
		display: inline-block;
		width: 45%;
		float: right;
		font-size: 27rpx;
	}

	.item-text .ispan {
		font-style: normal;
		width: 53%;
		display: inline-block;
		font-size: 27rpx;
	}

	.item-text .ispan_span {
		color: #9E9CA5;
		float: left;
		width: 40%;
	}

	.item-text .ispan_value {
		float: left;
		font-size: 26rpx;
	}
	.item-text .ispan_rwvalue {
		height: 65rpx;
		width: 50%;
	}
	

	.btg {
		padding-top: 0rpx;
		
		border-top: 0px #E6E6E6 solid;
		padding-bottom: 0rpx;
		height: 100rpx;

	}



	.btg .item-text .ispan {
		font-style: normal;
		width: 24%;
		display: inline-block;
		font-size: 25rpx;
		line-height: 0rpx;
	}

	.btg .item-text .btnspan {
		font-style: normal;
		width: 50%;
		color:#6D8AF9;
		display: inline-block;
		line-height: 50rpx;
		height: 60rpx;
		float: left;
		padding: 10rpx 0;
		font-size: 32rpx;
	}

	.btg .item-text .tuspan {
		font-style: normal;
		display: inline-block;
		font-size: 25rpx;
		line-height: 40rpx;
		width: 100%;
		text-align: center;
		padding: 0 10rpx;
		margin-right: 10rpx;
		border-radius: 8rpx;
		color: #9E9CA5;
	}

	.btg .item-text .tuspanvalue {
		font-style: normal;
		display: inline-block;
		font-size: 30rpx;
		font-weight: bold;
		line-height: 50rpx;
		width: 100%;
		text-align: center;
		padding: 0 10rpx;
		margin-right: 10rpx;
		border-radius: 8rpx;
	}

	.btg .item-text .span {
		font-style: normal;
		width: 24%;
		display: inline-block;
		font-size: 25rpx;
		line-height: 50rpx;

	}

	.button {
		width: 100%;
		box-sizing: border-box;
		margin-right: 10rpx;
		border: 0px #000000 solid !important;
		font-size: 27rpx;
		line-height: 50rpx;
		height: 50rpx;
		text-align: center;
		padding: .10rpx 0;
		color: #6D8BCF !important;
		background-color: #ffffff !important;
		float: right;
	}



	.item-content {
		padding-left: 0;
	}

	.item-title .ispan {
		font-size: 27rpx;
		width: auto;
		height: auto;
	}

	.item-title {
		font-size: 40rpx;
		color: #454545;
		width: 100%;
		padding-left: .5rem;
	}

	.item-title-row {
		background-image: none;
		padding-right: 0px;
	}

	.item-link .item-inner {
		padding-right: 0;
		padding-left: .5rem;
		border-bottom: 1rpx #E6E6E6 solid;
	}


	.page-content {
		padding-top: 0;

	}

	.item-text {
		font-size: 27rpx;
		color: #454545;
		margin: 20rpx 0;
		padding-left: 20rpx;
		line-height: 1.2;
	}

	.btg .item-text {
		margin: 5rpx 0;
	}

	.btext {
		font-weight: normal;
		color: #F79D63;
	}

	.newqypd {
		font-size: 26rpx;
		width: 25% !important;
		color: #6D8AF9;
		text-align: center;
		margin-right: 0%;


	}

	.newqypdview {
		font-size: 26rpx;
		width: 70% !important;
		background-color: #E7F1FF;text-align: center;
								border-radius: 10rpx;
								color:#6D8AF9;height: 50rpx;line-height: 50rpx;
	}

	.scroll-view_H {
		white-space: nowrap;
		padding-top: 10rpx;

		transition:all 0.2s linear transform:translated3d(0, 0, 0) .scroll-view-item_H {
			display: inline-block;
			width: 100%;
			height: 100px;
		}

		.uni-bg-red {
			background: red;
		}

		.uni-bg-green {
			background: green;
		}

		.uni-bg-blue {
			background: blue;
		}


	}
	
	.tabs-item{
		position: relative;
		padding-bottom: 30rpx; // 撑开高度,再配合me-tabs的overflow-y: hidden,以达到隐藏滚动条的目的
		background-color: #fff;
		margin: 0 2%;
		padding-top: 30rpx;
		border-radius: 10rpx;
		height:85rpx ;
		border-bottom: 1px #E6E6E6 solid;
		.tab-item{
			position: relative;
			text-align: center;
			color: #9A9A9C;
			float: left;
			width: 20%;
			font-size: 25rpx;
			height: 100rpx;
			&.active  .tabItemCount{
				color: #6D8AF9;
			}
			&.active  .Itemmore{
				color: #6D8AF9;
			}
			.tabItemCount{
				font-size: 38rpx;
				font-weight: bold;
				color: #000000;
			}
			
		}
		
	}
</style>
